import { defineComponent, ref } from 'vue'
import ModPwdModal from '@/views/user/dialog/mod-pwd-modal'
import {
  NButton,
  useMessage,
  useDialog,
  NLayout,
  NLayoutContent
} from 'naive-ui'
import MenuManageTab from '@/views/menu/tab/menu-manage-tab'
import { useStore } from 'vuex'
import { useI18n } from 'vue-i18n'
import { TaskDetailTab } from '../tabs'

const Test = defineComponent({
  name: 'Test',
  components: { ModPwdModal, MenuManageTab },
  setup() {
    window.$message = useMessage()
    window.$dialog = useDialog()
    window.$store = useStore()
    window.$t = useI18n().t
    const showModalRef = ref(false)
    const handleClick = () => {
      showModalRef.value = true
    }
    return { showModalRef, handleClick }
  },
  methods: {
    handleShowModalChange() {
      this.showModalRef = !this.showModalRef
    }
  },
  render() {
    return <></>
  }
})

export default Test
